import React, { useEffect } from 'react';
import ReactECharts from 'echarts-for-react'; // 注意：这里使用的是 echarts-for-react
import * as echarts from 'echarts';
export default function Focus() {
    const getOption = () => {
        return {
              tooltip: {
                trigger: 'axis'
              },
              xAxis: {
                type: 'category',
                show: false,
                data: ['00:00', '08:00', '16:00', '24:00']
              },
              yAxis: {
                type: 'value',
                show: false,
              },
              series: [
                {
                  name: '专注时长',
                  type: 'line',
                  data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
                }
              ]
            }}
  return (
    <div className='focus'><ReactECharts option={getOption()} style={{ height: '5rem', width: '130%' ,position:'absolute',left:'-4rem'}} /></div>
  )
}
